<template>
  <div>
    <Tabs value="name1">
      <TabPane label="违规记录" name="name1">
        <div class="content">
          <ViolateComponent/>
        </div>
      </TabPane>
<!--      <TabPane label="申诉模块" name="name2">-->
<!--        <div class="content">-->
<!--          <ComplaintComponent/>-->
<!--        </div>-->
<!--      </TabPane>-->
    </Tabs>
  </div>
</template>
<script>
import ViolateComponent from "./component/violate-component2";
import ComplaintComponent from "./component/complaint-component2";
export default {
  name: 'violateRecord',
  components: {
    ComplaintComponent,
    ViolateComponent
  }
}
</script>
<style lang="css" scoped>
.content {
  height: 620px;
  width: auto;
}

tab-pane {
  height: 800px;
  width: 800px;
}

</style>
